//歌单左右滑动组件
<template>
  <div>
      <!-- title 猜你喜欢 -->
      <van-cell :title="cellName" :border="false" >
          <template #right-icon>
            <van-icon name="ellipsis" size="0.6rem" />
          </template>
      </van-cell>
      <van-swipe :loop="false" :width="110" height="150" azy-render="true" >
        <van-swipe-item v-for="obj in list" :key="obj.id" v-lazy="obj">
          <van-image
            width="90px"
            height="90px"
            fit="cover"
            radius="20"
            :src="obj.picUrl"
          />
          <p class="van-multi-ellipsis--l2">{{obj.name}}</p>
        </van-swipe-item>
        <template #indicator>
          <div></div>
        </template>
      </van-swipe>
  </div>
</template>

<script>
export default {
  props: {
    cellName: String,
    list: Array // 歌单列表
  }

}
</script>

<style lang="scss" scoped>
.van-cell{
 background-color:rgba(0,0,0,0);
 font-weight: bold;
}
.van-swipe-item{
  border: rgba(0,0,0,0);
  padding-left: 10px;
  p{
    font-size: 7px;
    margin: 2px;
    color: white;
  }
}
</style>